<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>felix</title>
    <meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1.0">
    <!--第三方样式文件-->
    <link rel="stylesheet" href="./lib/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="./lib/animate/animate.css">
    <!--重置样式-->
    <link rel="stylesheet" href="./css/base.css">
    <!--自己的样式文件-->
    <link rel="stylesheet" href="./css/index.css">
    <!--兼容 ie8不支持h5以及媒体查询-->
    <!--[if lt IE 9]>
    <script src="lib/html5shiv/html5shiv.min.js"></script>
    <script src="lib/respond/respond.min.js"></script>
    <![endif]-->
</head>
<body>
    <!--整体布局容器-->
    <div class="layout">
        <nav class="navbar navbar-default visible-sm visible-xs">
            <div class="container-fluid">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand" href="#">Brand</a>
                </div>

                <!-- Collect the nav links, forms, and other content for toggling -->
                <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                    <ul class="nav navbar-nav navbar-right">
                        <li class=""><a href="#page1">Link</a></li>
                        <li><a href="#page2">Link</a></li>
                        <li><a href="#page3">Link</a></li>
                        <li><a href="#page4">Link</a></li>
                        <li><a href="#page5">Link</a></li>
                    </ul>
                </div><!-- /.navbar-collapse -->
            </div><!-- /.container-fluid -->
        </nav>
        <div class="aside visible-md visible-lg">
                <ul class="clearfix">
                    <li class="slider_list animated flipInX line"><a href="#page1">导&nbsp;&nbsp;航</a></li>
                    <li class="slider_list"><a href="#page2">导&nbsp;&nbsp;航</a></li>
                    <li class="slider_list"><a href="#page3">导&nbsp;&nbsp;航</a></li>
                    <li class="slider_list"><a href="#page4">导&nbsp;&nbsp;航</a></li>
                    <li class="slider_list"><a href="#page5">导&nbsp;&nbsp;航</a></li>
                </ul>
            </div>
        <div class="article">
                <div class="section">
                    <div class="jumbotron">
                        <h1>Hello, world!</h1>
                        <p>...</p>
                        <p>
                            <a class="btn btn-primary btn-lg" href="#" role="button">Learn more</a>
                        </p>
                    </div>
                </div>
                <div class="section">222</div>
                <div class="section">333</div>
                <div class="section">444</div>
                <div class="section">555</div>
            </div>
    </div>


    <!--jquery-->
    <script src="./lib/jquery/jquery-1.12.2.min.js"></script>
    <!--bootstrap-->
    <script src="./lib/bootstrap/js/bootstrap.min.js"></script>
    <!-- fullPage -->
    <script src="./lib/swiper/jquery.fullPage.min.js"></script>
    <!--my js-->
    <script src="./js/index.js"></script>
</body>
</html>